<template>
  <page-scroll :footer="false">
    <template #header>
      <gltitle
        :title="$t('page.doc99')"
        :is_name="true"
        :is_back="true"
        :is_lang="false"
        :is_kf="false"
        :is_right="false"
      ></gltitle>
    </template>
    <template #content>
      <div class="iframe-scroll">
        <iframe
          id="mobileIframe"
          class="iframe"
          :src="csUrl"
          width="375"
          frameborder="0"
          allow="fullscreen"
        />
      </div>
    </template>
    <!-- <template #footer>
      <glFooter />
    </template> -->
  </page-scroll>
</template>
<script>
import { mapGetters, mapActions } from "vuex";
export default {
  data() {
    return {};
  },
  computed: {
    ...mapGetters(["csUrl"]),
  },

  mounted() {
    this.getH5Url();
  //   if(localStorage.getItem('csSrc') == null){

  //   this.$post(this.URL.member.url,{}).then( res =>{
  //     if(res.code==0){
  //       let arr=[];
  //       res.data.forEach(e => {
  //           if(e.tag=="CUSTOMER_SERVICE_LINK"){
  //             arr.push(e)
  //           }
  //       });
  //     let index=  Math.floor((Math.random()*arr.length));
  //       this.csUrl=arr[index].url;
  //       localStorage.setItem('csSrc',this.csUrl)
  //     }
  //   })
  // }else{

  //   this.csUrl=localStorage.getItem('csSrc')
  // }

  },
  methods: {
    ...mapActions(["getH5Url"]),
  },

};
</script>

<style lang="less" scoped>
/deep/ .head {
  background: transparent !important;
  height: 1.4rem;
  display: flex;
  align-items: center;
}

/deep/ .container {
  padding: 0 0.3rem;
}

.page {
  background: #0d2623 url("../../assets/images/main-bg.png") no-repeat scroll;
  background-size: 100% 100vh;
  min-height: 100vh;
  padding-bottom: 60px;
}

.iframe-scroll {
  position: fixed;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 93vh;
  .iframe {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  /deep/.link-body .iframe-body {
    max-width: 100% !important;
  }
}
</style>
